<template>
	<view>
		<view class="position-relative">
			<image :src="info.cover" mode="aspectFill" style="height: 300rpx;" class="w-100 filter"></image>
		</view>
		<view class="position-relative bg-white pb-2" style="z-index: 10;">
			<view class="flex">
				<image src="/static/demo/topicpic/1.jpeg" style="width: 150rpx;height: 150rpx; margin-top: -75rpx;" mode="" class="rounded mr-2" ></image>
				<text class="font-md">{{info.title}}</text>
			</view>
			<view class="flex  align-center font text-secondary mt-10">
				<text class="mr-2">动态：{{info.today_count}}</text>
				<text>今日：{{info.news_count}}</text>
			</view>
			<view class="text-secondary font-md">
				{{info.desc}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["info"],
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
